<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
		<link rel="stylesheet" href="../lib/layui/css/layui.css">
		<link rel="stylesheet" href="../css/font.css">
		<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	</head>
	<body>
		<div style="height: 200px;"></div>
			<div style="display: inline;">
				<div>11111</div>
			</div>
			<div style="display: inline;">222222</div>
			<div class="layui-carousel" id="test3" lay-filter="test4">
				<div carousel-item="">
					<div><img src="../images/1.jpg"></div>
					<div><img src="../images/default.jpg"></div>
					<div>条目3</div>
					<div>条目4</div>
					<div>条目5</div>
				</div>
			</div>
			<script src="../lib/layui/layui.js" charset="utf-8"></script>
			<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
			<script>
				layui.use('carousel', function() {
					var carousel = layui.carousel;
					//改变下时间间隔、动画类型、高度
					carousel.render({
						elem: '#test3',
						interval: 1800,
						height: '400px',
						wdith:'600px',
						arrow:'always',
						indicator:'outside'
					});
					

				});
			</script>

	</body>
</html>
